﻿<UserControl x:Class="App26.LockScreen"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="using:App26"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             Width="360"
             mc:Ignorable="d">

    <Grid VerticalAlignment="Top" Background="#FF343434">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="75" />
            <RowDefinition Height="75" />
            <RowDefinition Height="75" />
            <RowDefinition Height="75" />
            <RowDefinition Height="75" />
            <RowDefinition Height="75" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.Resources>
            <Style x:Key="DigitGrid" TargetType="Grid">
                <Setter Property="Margin" Value="3" />
                <Setter Property="Background" Value="DimGray" />
            </Style>
            <Style x:Key="DigitText" TargetType="TextBlock">
                <Setter Property="HorizontalAlignment" Value="Center" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="FontSize" Value="38" />
            </Style>
        </Grid.Resources>
        <StackPanel Grid.Row="0" Grid.ColumnSpan="3">
            <!--  <Rectangle Height="{Binding Height, Source={StaticResource OverallSize}}" />  -->
            <Image Height="{Binding Height, Source={StaticResource OverallSize}}"
                   Source="Assets/Lock.jpg"
                   Stretch="UniformToFill" />
        </StackPanel>
        <Rectangle Grid.Row="0"
                   Grid.ColumnSpan="3"
                   Fill="Black"
                   Opacity=".25" />
        <StackPanel x:Name="LockText"
                    Grid.ColumnSpan="3"
                    Margin="20,0,0,20"
                    VerticalAlignment="Bottom">
            <TextBlock FontWeight="Light"
                       OpticalMarginAlignment="TrimSideBearings"
                       TextLineBounds="TrimToBaseline">
                <Run FontSize="120" Text="5:21" />
                <LineBreak />
                <Run FontSize="35" Text="Wednesday" />
                <LineBreak />
                <Run FontSize="35" Text="September 10" />
            </TextBlock>
            <TextBlock Margin="0,20,0,0"
                       FontSize="20"
                       FontWeight="Normal"
                       OpticalMarginAlignment="TrimSideBearings">
                <Run Text="Project Kick Off with Development Team" />
                <LineBreak />
                <Run Text="Mt. Elbert Team Room" />
                <LineBreak />
                <Run Text="9:00 - 10:00 AM" />
                <Run FontFamily="Segoe UI Symbol" Text=" " />
            </TextBlock>
            <Grid Margin="0,5,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.Resources>
                    <Style TargetType="TextBlock">
                        <Setter Property="FontSize" Value="20" />
                    </Style>
                </Grid.Resources>
                <TextBlock Grid.Column="0">
                    <Run FontFamily="Segoe UI Symbol" Text="" />
                    <Run Text=" 3" />
                </TextBlock>
                <TextBlock Grid.Column="3">
                    <Run FontFamily="Segoe UI Symbol" Text="✉" />
                    <Run Text=" 4" />
                </TextBlock>
                <TextBlock Grid.Column="4">
                    <Run FontFamily="Segoe UI Symbol" Text="✉" />
                    <Run Text=" 12" />
                </TextBlock>
            </Grid>
        </StackPanel>
        <TextBlock Grid.Row="1"
                   Grid.ColumnSpan="3"
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontSize="28"
                   Text="enter your password"
                   TextAlignment="Center" />
        <Grid Grid.Row="2"
              Grid.Column="0"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="1" />
        </Grid>
        <Grid Grid.Row="2"
              Grid.Column="0"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="1" />
        </Grid>
        <Grid Grid.Row="2"
              Grid.Column="1"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="2" />
        </Grid>
        <Grid Grid.Row="2"
              Grid.Column="2"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="3" />
        </Grid>
        <Grid Grid.Row="3"
              Grid.Column="0"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="4" />
        </Grid>
        <Grid Grid.Row="3"
              Grid.Column="1"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="5" />
        </Grid>
        <Grid Grid.Row="3"
              Grid.Column="2"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="6" />
        </Grid>
        <Grid Grid.Row="4"
              Grid.Column="0"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="7" />
        </Grid>
        <Grid Grid.Row="4"
              Grid.Column="1"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="8" />
        </Grid>
        <Grid Grid.Row="4"
              Grid.Column="2"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="9" />
        </Grid>
        <Grid Grid.Row="5"
              Grid.Column="0"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="" />
        </Grid>
        <Grid Grid.Row="5"
              Grid.Column="1"
              Style="{StaticResource DigitGrid}">
            <TextBlock Style="{StaticResource DigitText}" Text="0" />
        </Grid>
        <Grid Grid.Row="5"
              Grid.Column="2"
              Style="{StaticResource DigitGrid}">
            <TextBlock FontFamily="Segoe UI Light"
                       Style="{StaticResource DigitText}"
                       Text="⌫" />
        </Grid>
        <Button Grid.Row="6"
                Grid.ColumnSpan="3"
                Margin="10,0"
                Content="emergency call"
                FontSize="23" />
    </Grid>
</UserControl>
